<template>
  <div class="p-10px">
    Seven-KoiTag组件
    <br /><br />
    <!-- @vue-skip -->
    <koiTag :tagOptions="statusOptions" effect="dark" :value="defaultValue">
    </koiTag>
    <el-input class="m-t-10px" v-model="text" placeholder="测试缓存..." />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
defineOptions({
  name: "seven",
});
const defaultValue = ref(6);
const text = ref("");
console.log(defaultValue);
// @ts-ignore
const statusOptions = ref([
  {
    dictTag: "primary",
    dictValue: "0",
    dictColor: "red",
    dictLabel: "微信xxxxxxxxxxxx",
  },
  {
    dictTag: "success",
    dictValue: "1",
    dictColor: "green",
    dictLabel: "支付宝",
  },
  {
    dictTag: "info",
    dictValue: "2",
    dictColor: "orange",
    dictLabel: "王者荣耀",
  },
  {
    dictTag: "danger",
    dictValue: "3",
    dictColor: "blue",
    dictLabel: "和平精英",
  },
  {
    dictTag: "warning",
    dictValue: "6",
    dictColor: "black",
    dictLabel: "YU-ADMIN🌻",
  },
]);
</script>

<style scoped></style>
